<!DOCTYPE html>
<html lang="en">
<%-include ("component/head.html") %>

  <body>
    <div id="page_background">
      <div class="page_loading">
        <div class="page_loading_container">
          <div class="page_loading_ring"></div>
          <div class="page_loading_ring"></div>
          <div class="page_loading_ring"></div>
          <div class="page_loading_ring"></div>
          <div class="page_loading_text">加载中...</div>
        </div>
      </div>
    </div>
    <div id="app">
      <a-config-provider :theme="{
        token: {
          colorPrimary: '#00b96b',
        },
      }">
        <a-layout style="height: 100vh">
          <%-include ("component/header.html") %>
            <a-layout>
 
              <%-include ("component/menu.html") %>
                <a-layout style="padding: 0 24px 24px">
                  <div style="margin: 16px 0">
                  </div>
                  <a-layout-content class="main-layout-content" :class="isIndex?'':'main-layout-content_not_index'">
                    <% if (page=='index' ) { %>
                      <%-include ("index.html") %>
                        <% } %>
                          <% if (page=='tv_add' ) { %>
                            <%-include ("tv_add.html") %>
                              <% } %>
                                <% if (page=='tv_list' ) { %>
                                  <%-include ("tv_list.html") %>
                                    <% } %>
                                      <% if (page=='tv_classify' ) { %>
                                        <%-include ("tv_classify.html") %>
                                          <% } %>
                                            <% if (page=='movie_add' ) { %>
                                              <%-include ("movie_add.html") %>
                                                <% } %>
                                                  <% if (page=='movie_classify' ) { %>
                                                    <%-include ("movie_classify.html") %>
                                                      <% } %>
                                                        <% if (page=='movie_list' ) { %>
                                                          <%-include ("movie_list.html") %>
                                                            <% } %>
                                                              <% if (page=='app_setting' ) { %>
                                                                <%-include ("app_setting.html") %>
                                                                  <% } %>
                  </a-layout-content>
                </a-layout>
            </a-layout>
      </a-config-provider>
    </div>

    </a-layout>
    </div>
    <script>

      const app = createApp({
        components: { EasyDataTable: window['vue3-easy-data-table'] },
        setup() {
          onMounted(() => {
            setTimeout(() => {
              document.querySelector("#page_background").style.display = 'none';
              reloadHandle();
            }, 200);
          });
          const deving = () => {
            Hint.warn("正在开发中...")
          }
          return {
            isIndex,
            deving,
            ...useMenu(),
            ...useHeader(),
            ...useMain(),

          };
        }
      });
      app.use(antd);
      app.mount('#app');
    </script>

  </body>

</html>